<!DOCTYPE html>
<html>

<head>
	<title>Home</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link href="./css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all" />
	<script src="./js/jquery.min.js"></script>
	<script src="./js/bootstrap.js"></script>
	<link href="./css/detail.css" rel="stylesheet" />

	<link href="./css/shopcart.css" rel="stylesheet">
	<script src="./js/shopcart.js"></script>

	<link rel="stylesheet" href="./css/sidebar.css">
	<script src="./js/sidebar.js" type="text/javascript"></script>
</head>
<script type="text/javascript">
	window.config = {
		serverHost: 'http://10.222.29.198:8080/amc-c',
		// serverHost: 'http://localhost:8080/amc-c'
	}

</script>

<body>
	<div class="banner1">
		<div class="container">
			<div class="header-nav">
				<nav class="navbar navbar-default">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
					</button>
						<div class="logo">
							<a class="navbar-brand" href="#" style="color: white; font-size: 28px;">Platform</a>
						</div>
					</div>

					<div class="collapse navbar-collapse nav-wil">
						<ul class="nav navbar-nav pull-right">
							<li style="margin-right: 20px;"><a href="index.html">Home</a></li>
							<li style="margin-right: 20px;"><a href="menu.html">Menu</a></li>
							<li><a href="./personal.html">Personal</a></li>
						</ul>
					</div>
				</nav>
			</div>

			<div class="row">
				<div class="col-md-3 search pull-left" style="padding-top: 130px; color: #fff; font-size: 16px; font-weight: 500px;">
					商家评分： <span id="merchant_scope">4.5</span> 分
				</div>
				<div class="col-md-3 search pull-right" style="padding-top: 120px;">
					<div class="input-group">
						<input type="text" id="searchContent" class="form-control" placeholder="Search for...">
						<span class="input-group-btn">
                        <button class="btn btn-default" id="searchBtn" type="button">SEARCH!</button>
                    </span>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div id="sidebar" class="sidebar">
		<div class="sidebar-tabs">
			<div class="toolbar-tabs-middle">
				<div class="toolbar-tabs-middle-text toolbar-open">商家评论</div>
			</div>
		</div>
		<div class="sidebar-content"></div>
	</div>


	<div class="menu-page">
		<div class="container">
			<select class="pull-right form-control" onchange="classify(this)" id="classifyBtn" style="width: 23%;"></select>
			<div class="clearfix"></div>
			<div class="menu-title">
				<h3>Main Menu</h3>
				<div class="line"></div>
				<p class="proident">Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum fugiat
					quo voluptas nulla pariatur.</p>
			</div>

			<div id="content"></div>
		</div>
	</div>

	<div id="shopcart" class="shop-cart-isolate-scope"></div>

</body>
<script src="./js/detail.js" type="text/javascript"></script>

</html>